<!--
 * @Description: 
 * @Author: zhuying
 * @Date: 2024-11-15 17:19:26
 * @LastEditors: rendc
 * @LastEditTime: 2024-11-18 08:54:36
-->
<template>
  <div class="background">
    <div class="content">
      <!-- 路由跳转 -->
      <div class="myRounter">
        <RouterLink to="/login" >登录 </RouterLink>
        <RouterLink to="/register"> 注册</RouterLink>
      </div>
      <router-view />
    </div>
  </div>
</template>

<script setup lang="ts">
import { RouterLink, RouterView } from 'vue-router';
</script>

<style scoped>
.background {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 90vw;
  height: 90vh;
  background-image: url('.\2.jpg');
}

.form-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 90%;
  height: 90%;
  background: rgba(255, 255, 255, 0.8); 
  padding: 2rem; 
  border-radius: 8px; 
}

button {
  margin-top: 1rem;
  padding: 0.5rem 1rem;
  border: none;
  background-color: #007BFF;
  color: white;
  border-radius: 4px;
  cursor: pointer;
}

button:hover {
  background-color: #0056b3;
}
</style>